$(function () {

    // const token = localStorage.getItem('token')

    // if (!token) {
    //     this.location.href = './login.html'
    // }

    //1.发送请求,获得用户信息,渲染到页面
    function getUserInof() {
        $.ajax({
            url: 'http://localhost:8080/api/v1/admin/user/info',
            headers: {
                Authorization: localStorage.getItem('token')
            },
            success(res) {
                // console.log(res);
                let ures = res.data
                $('.user_info span').text(`欢迎  ${ures.nickname}`)
                $('.user_info img').prop('src', user.userPic)
                $('.header_bar img').prop('src', user.userPic)
            }

        })
    }
    getUserInof()

    //2.给退出  绑定点击事件
    $('.user_center_link .logout').on('click', function () {
        //判断是否要退出
        if (confirm('是否要退出')) {
            //删除  token
            localStorage.removeItem('token')
            //跳转到  登录页面
            location.href = './login.html'
        }
    })

    // 3.给菜单绑定一级标题的点击事件
    $('.level01').on('click', function () {
        //下拉菜单
        $(this).next('.level02').stop().slideToggle()
        //箭头旋转
        $(this).find('.iconfont').toggleClass('rotate0')
    })

    //4.给二级标题绑定点击事件
    $('.level02 li').on('click', function () {
        $(this).addClass('active').siblings().removeClass('active')
        //给一级标题取消样式
        $('.menu .level01').each(function (i, index) {
            $(index).removeClass('active')
        })
    })

    //给一级菜单添加样式
    $('.menu .level01').each(function (i, index) {
        // console.log(i, index);
        $(index).on('click', function () {
            $(this).addClass('active').siblings().removeClass('active')

            // console.log($(index).next()[0]);
            // console.log($(index).next());
            // console.log($('.level02'));
            // console.log($(index).next()[0] == $('.level02')[0]);
            //二级标题收起
            if ($(index).next()[0] != $('.level02')[0]) {
                $('.level02').slideUp()
            }
            $('.level02 li').each(function (j, li) {
                $(li).removeClass('active')
            })
        })
    })
})